$(document).ready(function(){
	$('.side-info').height($(window).height())
	$(window).load(function(){
		setTimeout(function(){
			$('.side-info').css('display','block')
		},1000)
		$(window).scroll(function(){
			var sTop=$(this).scrollTop();
			if(sTop>=200){
				$('#top').css('display','block').click(function(){
					$("html,body").stop(true).animate({scrollTop:0}, 500);
				})
				$('.top-menu').css('display','block');
			}else{
				$('#top').css('display','none');
				$('.top-menu').css('display','none');
			}
		})
		$('.side_menu .li-s').mouseenter(function(){
			$(this).css('background','#CC0000')
			var num=$('.side_menu .li-s').index($(this));
			$('.side_menu div').eq(num).css('display','block').stop(true).animate({right:262},200).mouseleave(function(){
				$(this).css('display','none').animate({right:280});
				$('.side_menu .li-s').css('background','none')
			});
		});
		$('#rech').click(function(){
			$(this).css('background','#CC0000')
			$('.side-info').stop(true).animate({right:0},200);
		})
		$('.side_close span').click(function(){
			$('.side-info').stop(true).animate({right:-235});
		})
		$('#back').mouseenter(function(){
			$(this).css('background','#CC0000')
			$('#box7').css('display','block').stop(true).animate({right:270},200).mouseleave(function(){
				$(this).css('display','none').animate({right:280});
				$('#back').css('background','none')
			})
		})
		$('#search').mouseenter(function(){
			$(this).css('background','#CC0000')
			$('#box8').css('display','block').stop(true).animate({right:270},200).mouseleave(function(){
				$(this).css('display','none').animate({right:280});
				$('#search').css('background','none')
			})
		})
		$('#top').mouseenter(function(){
			$(this).css('background','#CC0000')
			$('#box9').css('display','block').stop(true).animate({right:262},200).click(function(){
				$("html,body").stop(true).animate({scrollTop:0}, 500);
			}).mouseleave(function(){
				$(this).css('display','none').animate({right:280});
				$('#top').css('background','none')
			})
		})
		$('#shop_car').mouseenter(function(){
			$(this).css('background','#CC0000');
			$('#shop_car .iconfont').css('color','#FFFFFF');
		}).mouseleave(function(){
			$(this).css('background','none');
			$('#shop_car .iconfont').css('color','#CC0000');
		}).click(function(){
			$(this).css('background','#CC0000')
			$('#shop_info').css('display','block').stop(true).animate({right:270},200).mouseleave(function(){
				$(this).css('display','none').animate({right:280});
				$('#shop_car').css('background','none')
			})
		})
		$('.side_load span').click(function(){
			$('#shop_info').css('display','none').animate({right:280})
		})
		//吸顶菜单
		
		$('#search_cont').focus(function(){
			$('#link').css('color','rgb(204, 204, 204)');
		}).blur(function(){
			$('#link').css('color','rgb(102, 102, 102)');
		}).keydown(function(){
			$('#link').css('display','none')
		}).bind('input propertychange',function(){
			var value=$(this).val();
			if(value){
				$.ajax({
					url:'https://suggest.taobao.com/sug?code=utf-8',
					data:{q:value},
					jsonp:'callback',
					//callback:'',
					dataType:'jsonp',
					success:function(data){
						var html='';
						var arr=data.result;
						for(var i=0;i<arr.length;i++){
							html+='<li data-key='+arr[i][0]+'><a href="javascript:;">'+arr[i][0]+'<span>约有'+arr[i][1]+'件</span></a></li>'
						}
						if(html){
							$('#search_list').css('display','block').html(html)
						}else{
							$('#search_list').css('display','none')
						}
						
					}
				})
			}else{
				$('#search_list').css('display','none');
				$('#link').css('display','block')
			};
			this.iIndex=-1; 
			
		}).keyup(function(e){
			
			var 
				evt=e||event
				aLi=$('#search_list li');
			if(evt.keyCode==38||evt.keyCode==40){
				if(evt.keyCode==38){
					this.iIndex--;
					if(this.iIndex<0){
						this.iIndex=aLi.length-1
					}
				}else if(evt.keyCode==40){
					this.iIndex++;
					if(this.iIndex>aLi.length-1){
						this.iIndex=0
					}
				}
				
				$('#search_cont').val(aLi.removeClass('active').eq(this.iIndex).addClass('active').data('key'));
				
			}
			
		})
		
		//楼层
		$(window).scroll(function(){
			var colorarr=['#F7A945','#19C8A9','#F15453','#64C333','#0AA6E8','#EA5F8D','#000000','#000'];
			var scrollTop=$(this).scrollTop();
			if(scrollTop>400){
				$('.about_floor').slideDown()
			}else{
				$('.about_floor').slideUp()
			};
			var num=parseInt((scrollTop-400)/600);
			$('.nav_main div').css({background:'#626262'}).eq(num).css({background:colorarr[num]})
			
		})
		
		$('.nav_top').click(function(){
			$("html,body").stop(true).animate({scrollTop:0}, 500)
		})
		function floor(){
			var colorarr=['#F7A945','#19C8A9','#F15453','#64C333','#0AA6E8','#EA5F8D','#000000','#000'];
			for(var i=0;i<$('.floor').length;i++){
				$('.floor').eq(i).css({background:colorarr[i]})
			}
			$('.nav_main div').click(function(){
				var num=$('.nav_main div').index($(this));
				$('html,body').stop(true).animate({scrollTop:(num*600+400)}, 300)
			})	
			
		}
		
		floor();
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
	})
})
